﻿@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{overflow-x:hidden; background:#FFF; font-family:"微软雅黑";}
li{ list-style-type:none;}
a{text-decoration:none; color:#666666;}
img{border:0;}
.blank{width:auto; height:54px;}
.clear{clear:both; display:block; content:'';}
.clear:after{zoom:1;}
.fl{float:left;}
.fr{float:right;}


#editor_content{margin:0; padding:0; font-family:"宋体"; font-size:12px;  color:#525252; line-height:24px; width:720px;}



#header{ width:100%; height:124px; background:url(../images/header_bg.jpg) repeat-x #f5f5f5 top ;}
#header .header{ width:1000px; height:124px; margin:0 auto;}
	.top_logo{ padding-top:8px; float:left; width:360px; height:115px;}
	.top_nav{ padding-top:8px; float:right; height:116px; width:640px;}
		.top_nav li{ float:left;  width:128px; display:inline-block; text-align: center;}
			.top_nav li a{ padding-top:44px;width:128px;height:16px; padding-bottom:36px; display:block; line-height:1.5em; font-size:16px; font-family:"微软雅黑"; color:#373737;letter-spacing:0.5px; }
		.top_nav .current a,.top_nav li a:hover{ color:#3676BD; background:url(../images/top_nav_hover.jpg) top center no-repeat !important;}
		.top_nav a span, .top_nav .current a span{font-size:10px;line-height:1.5em;font-family:"sans serif",tahoma,verdana,helvetica,Arial,Helvetica,sans-serif;}
#banner{ width:100%; height:485px; margin-top:-1px;}
.banner{ width:100%; max-width:1600px; height:485px; margin:0 auto; background:#999 scroll 50% 0;}

#home_about{ width:100%; background:#f5f5f5;}
#home_about .home_about{ width:1000px; margin:0 auto;}
	.home_about_title{ text-align:center; }
	.home_about_title strong{ font-family:Arial, Helvetica, sans-serif; font-size:30px; height:24px; color:#262626; font-weight:normal; display:block; padding-top:64px; padding-bottom:18px;}
	.home_about_title h2{ font-family:"微软雅黑"; font-size:14px; height:24px; color:#565656; padding-bottom:10px; background:url(../images/home_about_title_bg.png) center -106px no-repeat;}
#home_about .nullAbout{clear:both; background:url(../images/home_about_title_bg.png) center -160px no-repeat;height:90px;}
	.home_about_title p{font-family:"宋体"; font-size:12px; color:#484848; line-height:18px; margin: 0 auto;
    width: 660px;}
	
	/*
#home_about .home_about ul{ margin:0 auto;width:1000px; display:block; position:relative;}
.home_about ul li{float:left; display:block; width:138px;  position:absolute; text-align:center; }
			.home_about ul li span{ float:left; display:block; width:138px; height:138px; position:absolute;text-align:center; display:block;z-index:-999;
	-webkit-background-size: 220px 220px;
	-moz-background-size: 220px 220px;
	background-size: 220px 220px;
	-webkit-border-radius: 110px;
	border-radius: 110px;
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out;
			}
		.home_about ul li span:hover {
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}
		.home_about ul li a{font-family:"微软雅黑"; font-size:18px; height:24px; line-height:24px; color:#343434; display:block;width:138px; height:24px; position:absolute; z-index:999; padding-top:76px; _padding-left:30px;
			}
			.home_about ul li a:hover{ color:#2e649f;}
	*/		
			
#home_product{ height:344px; width:100%; background:#f5f5f5; text-align:center;}

/*.home_product_in{ width:947px; height:344px;margin:0 auto; background:#FFF;}
.home_product_in li{ float:left; width:305px;height:344px; padding-left:8px;}
.home_product_in li a img{width:305px;height:344px; display:block; margin-top:-305px}
.home_product_in li a:hover img{ width:305px;height:344px; display:block;opacity:0.5;}
.home_product_in li a span{width:305px;height:344px; display:block; background:url(../images/product_img_bg.png) no-repeat center !important; z-index:2;opacity:0;}
.home_product_in li  a:hover span{width:305px;height:344px; display:block; background:url(../images/product_img_bg.png) no-repeat center !important; z-index:2; opacity:1 !important;}*/

    #product {  
        width:975px;height:344px; margin:0 auto; 
    }  
    #product div#content_home {  
        position:relative;  
        width:975px;  
        height:344px;  
        display:inline-block;  
        float:left;  
		margin:0 auto; 
		background:#FFF;
		
    }  
    .slides li{ 
        width:325px;  
    }  
    #product dl{ 
	/*margin-left:6px;  
	margin-right:4px;  */
        width:305px;  
		padding:0 10px;
        height:344px;  
        float:left;
		background:#f5f5f5;
    }  
	 #product dl a{ 
        width:305px;  
        height:344px;
		display:block;
		background:#000;
		
    } 
    #product dl dt img {
		 /*padding-bottom: 5px;
    padding-top: 5px;*/
    width: 305px;
	background:#fff;
         width:305px;  
        height:344px;    
        border:none;
		filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
   -moz-opacity:1; /*Firefox私有，透明度50%*/
    opacity:1;/*其他，透明度50%*/
    }
	#product dl dd { 
	  width:305px;  
        height:344px;
		display:block; 
       background:url(../images/product_img_bg.png)no-repeat center !important;
	   margin-top:-344px;
	   z-index:1;
	    filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
   		-moz-opacity:0; /*Firefox私有，透明度50%*/
  	    opacity:0;/*其他，透明度50%*/
    }
	
	#content_home_list li dl a:hover img {  
         width:305px;  
        height:344px;    
        border:none;
		filter:alpha(opacity=30); /*IE滤镜，透明度50%*/
   		-moz-opacity:0.3; /*Firefox私有，透明度50%*/
  	    opacity:0.3;/*其他，透明度50%*/
    }
	#product dl:hover dd { 
	  width:305px;  
      height:344px;
	   display:block; 
       background:url(../images/product_img_bg.png)no-repeat center !important;
	   margin-top:-344px;
	   z-index:1 !important;
	   filter:alpha(opacity=100); /*IE滤镜，透明度50%*/
   		-moz-opacity:1; /*Firefox私有，透明度50%*/
  	    opacity:1;/*其他，透明度50%*/
    }

    #product span.prev{  
        cursor:pointer;  
        display:inline-block;  
        height:344px;  
        background:url(../images/arrow_l.png) no-repeat right center;  
        float:left;  
		margin-left: -500px;
    	width: 50%;
    }  
	
    #product span.next{  
        cursor:pointer;  
        display:inline-block;  
        /*width:326px;*/  
        height:344px;  
        background:url(../images/arrow_r.png) no-repeat left center;  
     	float:right;
		margin-right: -450px;
    	width: 50%;
    }  

#home_horor{ height:377px; width:100%; background:#f5f5f5;}
	.home_horor{ height:377px;  margin:0 auto;background:url(../images/horor_img.png) no-repeat center;}
	.home_horor_in {height:377px; margin:0 auto;width:1000px; position:relative; }
	.home_horor_in h2{font-family:"微软雅黑"; font-size:36px; color:#323232; line-height:24px; height:24px; font-weight:normal; position:absolute; top:146px; left:246px; letter-spacing:1px;}
	.home_horor_in h2 span{ color:#cfaa00;}
	.home_horor_in strong{ font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#858585; line-height:24px; height:24px; font-weight:normal; position:absolute; top:180px; left:302px;  }
	.home_horor_in p{font-family:"微软雅黑"; font-size:14px; color:#6c6c6c; line-height:24px; height:24px;  position:absolute; top:224px; left:260px; }

#footer{min-height:78px; width:100%; background:url(../images/footer_bg.png) repeat-x top #434343;}
#footer .footer{height:78px; width:1000px; margin:0 auto;}	
	.footer_nav{ height:12px; padding-top:24px; padding-left:304px; }
	.footer_nav li{ float:left; text-align:center;  width:70px; height:12px; line-height:12px; display:block;}
	.footer_nav li a{font-family:"微软雅黑"; font-size:12px;  height:12px; line-height:12px; color:#999999; letter-spacing:0.5px; }
	.curr a ,.footer_nav li a:hover{ color:#c3c3c3 !important;}
	
	.copyright{font-family:"宋体"; padding-top:12px; font-size:12px;  height:12px; line-height:12px; color:#999999; letter-spacing:0.5px; text-align:center; }
	
	
#banner_other{ /*width:1600px; margin:0 auto; */

  background-size: cover;
   height:380px;
    position: relative;
    width: 100%;
    z-index: 1;
background:scroll 50% 0;
}
		.banner_other{height:380px; position:relative; }
		.banner_other h2{font-family:"微软雅黑"; font-size:30px;  height:30px; line-height:30px; color:#ffffff; font-weight:normal; position:absolute;top:96px; left:438px;}
		.banner_other p{font-family:"宋体"; font-size:12px;  height:24px; line-height:24px; color:#d5d5d5;text-align:center; background:url(../images/banner_other_bg.png) center no-repeat; width:666px; height:82px; position:absolute; top:140px; left:166px; padding-top:40px; }


#content{min-height:780px; width:1000px; margin:0 auto; height: auto !important;}

.left_nav{ float:left; width:205px; position:relative;}
.left_nav_title{ background:url(../images/nav_left_title_bg.png) no-repeat center;
 position:absolute; /*top:-68px;*/ left:14px; height:100px; width:192px; display:block;}
.left_nav_title h2{ font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; height:24px; color:#fff;text-transform:Uppercase; font-weight:normal; text-align:center; padding-top:38px; }

.left_nav_list{padding-top:132px;margin-left:15px; width:190px; border:1px solid #dedede; background:#f8f8f8;}
.left_nav_list li{ width:190px; display:block; position:relative;clear:both;}
.left_nav_list li a{ width:164px; display:block;padding: 8px 18px 8px 8px;background:url(../images/nav_left_list_ioc.png) 172px center no-repeat;}
.left_nav_list li a p{display:block;clear:both;padding-top:2px;font-family:"微软雅黑"; font-size:12px; color:#656565;}
.left_nav_list li a p.PEN{display:block;clear:both;padding-top:2px;font-family:"sans serif",tahoma,verdana,helvetica,Arial,Helvetica,sans-serif; font-size:10px; color:#656565;}
.c_nav a,.left_nav_list li a:hover{ background:#3676bd url(../images/nav_left_list_ioc_hover.png) 172px center no-repeat !important;}
.c_nav a p,.left_nav_list li a:hover p{ color:#fff !important;}
.nav_bai{  background:url(../images/right_content_bg.png) repeat-x top;
 float: right;
    height: 58px;
    margin-right: -1600px;
    width: 82%;}
	
.right_content{ background:url(../images/right_content_bg.png) repeat-x top; width:770px;min-height:780px; height: auto !important; display:block; padding-left:25px;}

.position{ height:26px; width:236px;font-family:"宋体";font-size:12px;line-height:24px;color:#939393;padding-top:6px;  display:block; overflow:hidden; text-align: right; width: 720px; }
.position a{font-family:"微软雅黑";font-size:12px;line-height:22px;color:#818181;}
.position a:hover{color:#1150af;}

.content_title{ position:relative; background:url(../images/content_title_line.png) no-repeat bottom; height:116px; width:720px; display:block;}
.content_title h2{ position:absolute; top:74px; left:; font-family:"微软雅黑";font-size:24px;line-height:24px;color:#8c8c8c; font-weight:normal;}
.content_title h2 span{color:#3676bd; }

#editor_content .content_in{ padding-top:14px; }
#editor_content .content_in p{ text-indent:2em; }
#editor_content .content_in .video{  width:338px; height:232px; display:block; float:right;}


#editor_content .contact_us_content{ padding-top:34px; background:url(../images/contact_us_content_line_ioc.png) no-repeat bottom; height:116px; }
		.contact_us_content li{ float:left; width:450px; padding-left:10px;font-family:"微软雅黑";font-size:14px;line-height:30px;color:#727272;height:30px;}
		.contact_us_content li a{ color:#3676bd;text-decoration:underline; font-family:Arial, Helvetica, sans-serif;}
		
		.contact_us_map{ border:1px solid #cdcdcd; width:680px; height:312px; margin:32px auto; padding:4px;}
		
.product_list{ padding-left:10px;}
.product_list li{ float:left; margin-top:40px; margin-right:60px;  width:305px; height:386px; border-bottom:1px solid #d1d1d1;}
.product_list li a{}
.product_list li a img{ padding:3px; background:#FFF; width:299px; height:328px; border:1px solid #d1d1d1;}
.product_list li a h2{ text-align:center;font-family:"微软雅黑";font-size:16px;line-height:32px;height:32px; font-weight:normal;color:#595959;overflow:hidden; }

.product_list li a:hover img{ border:1px solid #3676bd;}
.product_list li a:hover h2{ color:#3676bd;}


.case_list{}
.case_list li{float:left;  margin-top:18px; margin-left:24px; position:relative;}
.case_list li a{background:url(../images/case_list_bg_01.png) no-repeat center; height:278px; width:326px; display:block;}
.case_list li a img{padding:2px;}
.case_list li a h2{ position:absolute; left:10px; top:190px;font-family:"微软雅黑";font-size:16px;line-height:32px;height:32px; font-weight:normal;color:#595959;overflow:hidden; width:240px; }
.case_list li a p{position:absolute; left:10px;top:220px; width:240px;font-family:"宋体";font-size:12px;line-height:18px;height:36px; color:#a2a2a2;overflow:hidden;}
.case_list li a strong{ position:absolute; top:200px; left:260px; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:14px;line-height:48px;height:48px; font-weight:normal;}

.case_list li a:hover{ background:url(../images/case_list_bg.png) no-repeat center !important;}



#message_form{ padding-top:30px; padding-left:8px;}

#message_Us{width:690px;}

#message_Us li{ float:left; padding-right:22px; padding-top:24px; width:322px; height:37px; position:relative; }

#message_Us li input{font-family:"微软雅黑";font-size:14px; color:#a1a1a1; position:absolute; left:0; top:0;  height:35px; z-index:1; line-height:38px; border:1px solid #cbcbcb; background:#FFF; }

#message_Us li label{position:absolute; left:8px; top:9px; z-index:100; font-family:"微软雅黑"; font-size:14px; color:#a1a1a1;}



#Zip_message input{font-family:"微软雅黑";font-size:14px; color:#a1a1a1; position:absolute; left:0; top:0;  height:35px; z-index:1; line-height:38px; border:1px solid #cbcbcb; background:#FFF;}
.long_zip{padding-left:10px; width:118px !important;font-family:"微软雅黑"; font-size:14px; color:#a1a1a1;}
#Zip_message img{ position:absolute; top:2px;left:170px;width:60px !important; height:36px;}

.short_message{ color: #a1a1a1;
    font-family: "微软雅黑";
    font-size: 14px;
    padding-left: 10px;
    padding-top: 2px;
    width: 270px !important;}

.text_area{position:relative; width:664px !important; height:150px !important;}

#message_Us textarea{font-family:"微软雅黑"; font-size:14px; color:#a1a1a1;width:664px; height:170px;  position:absolute; left:0;  top:0px; table-layout:0; padding-left:10px; padding-top:10px; border:1px solid #cbcbcb;background:#FFF;}

.text_area label{position:absolute; left:10px; top:9px; z-index:100; font-family:"微软雅黑"; font-size:14px; color:#a1a1a1;}

#Zip_message{}


.product_detail{ width:730px;}
.product_detail_img{ float:left;margin-top:54px; margin-right:18px; border:1px solid #cccccc;}
.product_detail_img img{height:334px; width:305px; display:block; }
.product_detail_Title{margin-top:54px;float:left; padding-bottom:20px;}

.product_detail_Title_2{margin-top:54px;float:left; padding-bottom:20px;}

.product_detail_Title_2 h2{font-family:"微软雅黑"; font-size:16px; line-height:32px; height:32px; color:#3676bd;width:730px; display:block; overflow:hidden; font-weight:normal;}
.product_detail_Title_2 h2 span{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:28px; height:32px; color:#a7a7a7;}

.product_detail_Title h2{font-family:"微软雅黑"; font-size:16px; line-height:32px; height:32px; color:#3676bd;width:400px; display:block; overflow:hidden; font-weight:normal;}
.product_detail_Title h2 span{font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:28px; height:32px; color:#a7a7a7;}
.product_detail_content{width:400px !important; display:block; float:right;}

/**/
#qualifications_list{}
#qualifications_list li{ float:left; width:341px; height:256px; display:block; padding-right:18px; padding-top:28px;}
#qualifications_list li p{ border-left:1px solid #3676bd; font-family:"宋体"; font-size:12px; color:#6f6f6f; height:12px; line-height:12px; padding-left:4px; margin-left:1px;}
#qualifications_list li img{ width:335px; height:230px; border:1px solid #cdcdcd; display:block; padding:2px; margin-top:7px;}


/**/
#content_about{
	 background: url(../images/right_content_bg.png) repeat-x scroll center top;
    width: 100%;
	
}

.flexslider .flex-next,
.flexslider:hover .flex-next {opacity: 0.8!important; right: -25px!important;}
.flexslider .flex-prev,
.flexslider:hover .flex-prev {opacity: 0.8!important; left: -25px!important;}
.RYtable{
	border:0;
	width:100%;
	padding:0;
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
}
.RYtable td{
	border:0;
	border-top: 1px solid #333;
	padding:0;
	margin:0;
}












